<template>
  <div class="my_box index">
    <div class="bg">
      <p>
        开发初衷:
        现有的框架太繁重，很多用不到的附加功能，本项目给予vue-cli4搭建的轻量级通用后台管理项目
      </p>
      <p>Vue+element+admin后台管理框架</p>
      <div v-permission="{ action: 'add' }">按钮</div>
      <el-button
        type="primary"
        v-permission="{ action: 'add', effect: 'disabled' }"
        >按钮</el-button
      >
    </div>
  </div>
</template>

<script>
export default {
  computed: {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.index {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bg {
  background-color: #6c757d;
  padding: 15px 15px 300px 15px;
  width: 100%;
  height: 100%;
  color: aliceblue;
  border-radius: 5px;
}
p {
  line-height: 30px;
}
</style>
